<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div class="Innerheading">Assign Office Bearers</div></td>
  </tr>
  <tr>
    <td><div class="InnerDarkbox">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%" align="right" valign="middle" class="head">Select Category :</td>
          <td width="3%">&nbsp;</td>
          <td width="47%"><select name="category" class="FormTextFeild" id="category">
              <option value="0" selected>- - - Select - - -</option>
              <option value="1">CETA Office Bearers</option>
              <option value="2">CSI Office Bearers</option>
              <option value="3">Board Members</option>
              <option value="4">House</option>
            </select>          </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td colspan="3"><div id="assign_ob"></div></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<script>
$('#category').change(
function(){$.post("settings/assignoffb/getobdetails.php",{mode:$('#category').val()},function(data){$('#assign_ob').html(data);});});
</script>